.tabs { margin-bottom: 30px; }

.choose { overflow: hidden; margin-bottom: 15px; }
.choose .tit { float: left; margin-right: 30px; font-size: 16px; color: #717889; }
.choose .radio-box { overflow: hidden; float: left; margin-left: -20px; }
.choose .radio-box .radio-select { float: left; margin-left: 20px; font-size: 16px; color: #717889; }
.choose .radio-box .radio-select .radiooption { display: inline-block; *display: inline; *zoom: 1; overflow: hidden; vertical-align: middle; margin-right: 10px; margin-bottom: 2px; width: 15px; height: 15px; }

.table-box .btns { text-align: center; }
.table-box table td { padding-left: 10px; padding-right: 10px; }
.table-box table .mac-addr { width: 150px; }

.penal-box { overflow: hidden; }
.penal-box .btns { float: left; }
.penal-box .penal { float: left; }

.penal-ct { margin: 0 auto 30px; width: 45%; }
.penal-ct .field, .penal-ct .field2 { margin-left: 0 !important; }

.panes .table-box { margin-bottom: 50px; }

.grouping { overflow: hidden; }
.grouping .group { float: left; margin-right: 2%; width: 15%; }
.grouping .edit-ct { float: left; width: 53%; }
.grouping .member { float: right; width: 28%; }

.group dl { border: 1px solid #ccc; text-align: center; }
.group dl dt { height: 38px; line-height: 38px; font-weight: bold; }
.group dl dd { height: 35px; line-height: 35px; border-top: 1px solid #ccc; }
.group dl dd a { color: #ababab; }
.group dl dd.active { background-color: #42b4e7; }
.group dl dd.active a { color: #fff; }

.edit-ct .penal { margin-bottom: 30px; }
.edit-ct .table-box { margin-bottom: 20px; }
.edit-ct .btns { text-align: center; }

.member .tit { margin-bottom: 10px; font-size: 16px; }
.member dl { border: 1px solid #ccc; padding: 0 10px 30px; }
.member dl dd { height: 35px; line-height: 35px; color: #ababab; }

.control-ct.ct2 { display: none; }
.control-ct .control > label { width: 60px !important; }
.control-ct .control > .field { margin-left: 80px !important; }
.control-ct .control .field2 { margin-left: 80px !important; }

.chat-ct { overflow: hidden; margin-bottom: 30px; }
.chat-ct .chat-info { float: left; padding: 15px; width: 770px; background-color: #71d2f0; border: 1px solid #67c2df; border-radius: 6px; }
.chat-ct .chat-info .top, .chat-ct .chat-info .bottom { float: left; width: 50%; font-size: 20px; font-weight: bold; color: #fff; text-align: center; }
.chat-ct .btn-test { float: right; margin-top: 15px; }

.test-ct { overflow: hidden; }
.test-ct .l, .test-ct .r { float: left; width: 50%; }

.test-input .btns { margin-top: 50px; }

.form-help { display: none; margin-bottom: 10px; background-color: #f2dede; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border: 1px solid #eed3d7; border-radius: 4px; }
.form-help .help { color: #b94a48; font-size: 13px; }

.help-inline { margin-bottom: 5px; font-size: 13px; color: #b94a48; }

.form { font-size: 14px; }
.form .control { *zoom: 1; position: relative; margin-bottom: 15px; }
.form .control:before, .form .control:after { content: " "; display: table; }
.form .control:after { clear: both; }
.form .control > label { float: left; line-height: 33px; width: 100px; text-align: right; color: #717889; }
.form .control > .field, .form .control > .btns { margin-left: 110px; }
.form .input-text { display: inline-block; *display: inline; *zoom: 1; overflow: hidden; vertical-align: middle; border: 1px solid #ccc; width: 220px; border-radius: 5px; }
.form .input-text input[type="text"], .form .input-text input[type="password"] { padding: 0 10px; width: 100%; height: 31px; font-size: 14px; border: none; color: #444; }
.form .input-text.s { width: 100px; }
.form .input-text.icon { padding-left: 30px; }
.form input[type="file"] { margin-top: 5px; }
.form .btns { padding-top: 10px; padding-bottom: 10px; text-align: center; }
.form .btns button { color: #fff; border: 0; border-bottom: 2px solid #1f1f1f; }
.form .btns .button { padding: 0 30px; height: 38px; font-size: 18px; background-color: #323a4a; border-radius: 4px; }
.form .btns .button:hover { background-color: #282e3b; border-bottom: 2px solid #151515; }
.form .control.text { margin-bottom: 0; }
.form .control.text > .field { margin-left: 10px; font-size: 13px; }
.form .control.text > .field input[type="checkbox"] { margin-bottom: 1px; }
.form .control label .checkbox { display: inline-block; *display: inline; *zoom: 1; overflow: hidden; vertical-align: middle; margin-bottom: 2px; margin-right: 5px; }
.form .control > .field { margin-left: 120px; }
.form .control .field2 { *zoom: 1; margin-left: 120px; }
.form .control .field2:before, .form .control .field2:after { content: " "; display: table; }
.form .control .field2:after { clear: both; }
.form .control .field2 .input-text { width: 130px; }
.form .control .btn-add { float: right; }
.form .field { *zoom: 1; }
.form .field:before, .form .field:after { content: " "; display: table; }
.form .field:after { clear: both; }
.form .field .input-min { width: 50px; line-height: 26px; }
.form .field .check-label, .form .field .text { line-height: 33px; color: #ababab; }

.block-table { margin-left: 30px; }

.grid { overflow: hidden; }
.grid .hour-list { margin-left: 38px; }
.grid .hour-list li { display: inline-block; text-align: center; width: 25px; *display: inline; *zoom: 1; }
.grid .hour-list span { display: inline-block; width: 18px; height: 18px; background: url(../images/advance.png) no-repeat -197px -94px; cursor: pointer; font-size: 12px; color: #fff; *display: inline; *zoom: 1; }
.grid .hour-list .hour { width: auto; color: #6ebfd9; }
.grid .week-list { float: left; margin-top: 5px; margin-right: 15px; padding-left: 0; width: 40px; color: #505050; }
.grid .week-list li { height: 28px; line-height: 28px; font-size: 12px; font-weight: bold; cursor: pointer; }
.grid .table-week { float: left; margin-top: 5px; }
.grid .table-week .tableicell { display: inline-block; width: 25px; height: 25px; background-color: #fcfcfc; }
.grid .table-week .tableicell.highlight { background-color: #a0d468; }
.grid .table-week td { padding: 1px; border: 1px solid #e3e6e9; font-size: 0px; }

.tip-block { margin-top: 15px; }
.tip-block span { display: inline-block; *display: inline; *zoom: 1; overflow: hidden; vertical-align: middle; font-size: 14px; }
.tip-block i { display: inline-block; *display: inline; *zoom: 1; overflow: hidden; vertical-align: middle; height: 18px; width: 18px; background: #a0d468; }

.tabs { border-bottom: 2px solid #ededed; }
.tabs .tab { *zoom: 1; }
.tabs .tab:before, .tabs .tab:after { content: " "; display: table; }
.tabs .tab:after { clear: both; }
.tabs .tab li { float: left; }
.tabs .tab li a { display: inline-block; padding-left: 20px; padding-right: 20px; height: 35px; line-height: 35px; font-size: 14px; color: #00a1e6; }
.tabs .tab li.active { margin-bottom: -2px; border-width: 2px; border-color: #ededed #ededed #fafafa #ededed; border-style: solid; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.tabs .tab li.active a { color: #717889; }

.table-box table { table-layout: fixed; width: 100%; }
.table-box table tr { text-align: center; color: #717889; }
.table-box table tr th { height: 30px; border: 1px solid #ccc; vertical-align: middle; font-weight: bold; }
.table-box table tr td { height: 35px; border: 1px solid #ccc; vertical-align: middle; }
.table-box table .update, .table-box table .del { color: #2B6DFC; }
.table-box table .update:hover, .table-box table .del:hover { color: #034be7; }
.table-box table .del { margin-left: 15px; }
